@use "@/styles/variables" as *;

:deep(.ant-menu-dark) {
  background-color: #ffffff00;
}

:deep(.ant-menu .ant-menu-item),
:deep(.ant-menu .ant-menu-submenu-title){
  padding: 25px 0;
}

:deep(.ant-menu .ant-menu-item),
:deep(.ant-menu .ant-menu-submenu),
:deep(.ant-menu .ant-menu-submenu-title) {
  border-radius: 5px;
}

:deep(.ant-menu-dark.ant-menu-inline .ant-menu-sub.ant-menu-inline ) {
  background-color: rgba(175, 175, 175, 0.12);
}

// 未选中的子菜单的文字颜色
:deep(.ant-menu-dark) {
  color: $menuText
}

// 选中子菜单时主菜单的文字颜色
:deep(.ant-menu-dark .ant-menu-submenu-selected >.ant-menu-submenu-title) {
  color: $subMenuActiveText
}

// 选中子菜单时的文字颜色
:deep(.ant-menu-dark .ant-menu-item-selected) {
  color: $menuActiveText;
  background: none;
}
